import React from "react";
import Layout from "../../components/Layout";
import { useNavigate } from "react-router-dom";

export default function Home() {
  const navigate = useNavigate();
  return (
    <>
      <Layout>
        <div className="hero bg-base-200" style={{backgroundImage: 'url("https://gekko.wizb.it/_static/heropic.jpg")', height: '85vh'}}>
          <div className="hero-content text-center">
            <div className="max-w-md">
              <h1 className="text-5xl font-bold text-red-800">欢迎使用金洲量化</h1>
              <p className="py-6 text-yellow-950"> <span className="bg-red-50">金洲量化工具，由老胡精心制作.开始的你的【变富】之旅吧！</span></p>
              <button className="btn btn-primary" onClick={() => navigate("/gateway")}>Let's Go!</button>
            </div>
          </div>
        </div>
      </Layout>
    </>
  );
}
